<template>
	<view class="my-store-info">
		<view class="plate">
			<u-cell-group :border="false">
				<u-cell title="设备编号">
					<u--input slot="value" placeholder="请输入编号" border="none" v-model="deviceNumber"></u--input>
				</u-cell>
			</u-cell-group>
		</view>
		<view class="btn-pay" @click="toPay()">去付款</view>
	</view>
</template>

<script>
	const app = getApp();
	const globalData = app.globalData;
	const apiUrl = globalData.wxApi;
	const wxImg = globalData.wxImg;
	import {
		getStoreData,
		dealNum,
		httpPost,
		httpGet,
		bdMapToTxMap,
		txMapToBdMap,
	} from "@/utils/http.js";
	import mpMixin from "@/uni_modules/uview-ui/libs/mixin/mpMixin";
	const pic1 = require(`@/img/my/my1.png`);
	export default {
		data() {
			return {
				wxImg,
				apiUrl,
				dealNum,
				pic1,
				deviceNumber: ""

			};
		},

		onShow() {

		},
		onUnload() {

		},
		onLoad(options) {
			if(options.deviceNumber){
				this.deviceNumber=options.deviceNumber;
			}
		},
		
		methods: {
			toPay(){
				if(!this.deviceNumber){
					uni.showToast({
						icon: "none",
						title: "请输入设备编号"
					});
					return
				}
				uni.navigateTo({
				  url: "/pages/equipmentManagement/pay?deviceNumber="+this.deviceNumber
				});
			}


		},
	};
</script>

<style lang="scss">
	.my-store-info {
		background-color: #f5f6f6;
		height: calc(100vh - 20rpx);
		padding-top: 20rpx;
	}


	/deep/ .u-cell__title-text {
		font-size: 28rpx;
	}

	.plate {
		margin: 0 30rpx;
		background-color: #fff;
		border-radius: 10rpx;

	}

	.btn-pay {
		margin-left: 30rpx;
		margin-right: 30rpx;
		height: 70rpx;
		text-align: center;
		line-height: 70rpx;
		background-color: #ff6104;
		color: #fff;
		margin-top: 100rpx;
		border-radius: 10rpx;
	}
</style>